<template>
    <div>
        <span>小米自营</span>
        <span>已免运费</span>
        <headassembly class="headassembly"></headassembly>
        <bottomassembly class="bottomassembly"></bottomassembly>
        <bottoms class="bottoms"></bottoms>
        <bottomss class="bottomss"></bottomss>
    </div>
</template>

<script>
import headassembly from './headassembly'
import bottomassembly from './bottomassembly'
import bottoms from './bottom.vue'
import bottomss from './bottoms.vue'
export default {
    components: {
        headassembly,
        bottomassembly,
        bottoms,
        bottomss
    }
}
</script>

<style scoped>
span:nth-child(1){
    font-size: 20px;
    font-weight: bold;
    margin: 10px;
}
span:nth-child(2){
    color: #ccc;
    float:right;
}

.bottomassembly{
    height: 950px;
}
.bottoms{
    position: fixed;
    bottom: 40px;
    background-color: white;
    width: 500px;
    height: 60px;
}
.bottomss{
    position: fixed;
    bottom: 0;
    background-color: white;
    width: 500px;
    height: 40px;
    border-top:1px solid #ccc;
}
</style>